body{
	overflow: hidden;
	background: #262730;
}

.illustrations{
	/* let's use a linear gradient to create the striped background */
	background-image: -webkit-linear-gradient(#77BA99 50%, #EFF0D1 50%);
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 100% 50px;
	-webkit-text-fill-color: transparent;
	/* this is super important -- background-clip restricts the background to JUST the text, so it doesn't cover the entire .illustrations div */
	-webkit-background-clip: text;
	-webkit-animation: stripes 2s linear infinite;
	animation: stripes 2s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: no-wrap;
	text-align: center;
	font-family: "Open Sans";
	font-weight: bold;
	font-size: 150px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@-webkit-keyframes stripes{
	100%{
		background-position: 0 -50px;
	}
}

@keyframes stripes{
	100%{
		background-position: 0 -50px;
	}
}